v-for在Vu.js中也與其他程式語言中的for迴圈基本相同，用來對陣列和物件類型的data進行迭代讀取或輸出。
v-for的語法是使用"item in items"來寫<li v-for="item in array></li>

陣列

    return{
        array: ['A', 'B', 'C', 'D']
    }

以上是v-for列點輸出，我們也可以讓他同時顯示出列表內的索引值，與一般的陣列一樣它的索引值是從0開始計算，可以這樣寫<li v-for="(item, index) in array">{{ index }}/{{ item }}</li>

物件(key/value)

當用v-for輸出物件形式的資料時，只需要做一些修改，這是我們的資料

    book1: {
        title: '123',
        author: 'Amy',
        publishDate: '2001/01/01'
    }

我們可以選擇要輸出資料中的val而已，也可以加上key值或索引值，如果這些我們都要一起輸出，我們的城市就會是這樣<li v-for="(val, key, index) in book1"> {{ val }}/{{ key }}/{{ index }} </li>這樣就可以將我想要的資料一起全部一起輸出，但有關索引值順序，因為並不存在物件本身所以輸出時可能會因為不同瀏覽器對object.keys()的實作順序產生差異，所以如果希望固定順序可以先將物件轉化為陣列的形式再排序輸出。